<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title></title>
	<link rel="stylesheet" type="text/css" href="css/reset.css">
	<link rel="stylesheet" type="text/css" href="css/style2.css">
</head>
<body>
	<span onmouseover="museover()" onmouseout="museout()">设置</span>
	<ul id="ul_meun" onmouseover="menu_over()" onmouseout="menu_out()">
		<li>搜索设置</li>
		<li>高级搜索</li>
		<li>关闭预测</li>
		<li>搜索历史</li>
	</ul>
</body>

	<script type="text/javascript">
		var ul_meun = document.getElementById('ul_meun');
		var timer;
		function museover() {
			ul_meun.style.display = 'block';
			clearTimeout(timer);
		}

		function museout(){
			timer = setTimeout(function(){
				ul_meun.style.display = 'none';
			},300);
		}

		function menu_over(){
			clearTimeout(timer);
		}

		function menu_out(){
			timer = setTimeout(function(){
				ul_meun.style.display = 'none';
			},300);
		}

	</script>

</html>